
<div class="row">
    <div class="col-xs-12">
        <!-- PAGE CONTENT BEGINS -->
        <div class="hr dotted"></div>

        <?php
        while($this->memberProfile->next()){
                    $profile = $this->memberProfile->current();
    

        ?>

        <div>
            <div id="user-profile-1" class="user-profile row">
                <div class="col-xs-12 col-sm-3 center">
                    <div>
                        <span class="profile-picture">
                            <?php
                            $ava = ($profile["img_profile"] != "") ? "/img/profile/".$profile["img_profile"] : "/assets/avatars/profile-pic.jpg";
                            ?>
                            <a href="<?php echo $this->basePath();?>/member/changeavatar">
                                <img id="avatar" class="editable img-responsive" alt="Klik untuk ganti Foto" src="<?php echo $this->basePath().$ava;?>" />
                            </a>
                        </span>

                        <div class="space-4"></div>

                        <div class="width-80 label label-info label-xlg arrowed-in arrowed-in-right">
                            <div class="inline position-relative">
                                <a href="#" class="user-title-label dropdown-toggle" data-toggle="dropdown">
                                    <i class="icon-circle light-green middle"></i>
                                    &nbsp;
                                    <span class="white"><?php echo $profile['member_name'];?></span>
                                </a>
                            </div>
                        </div>
                    </div>

                    <div class="space-6"></div>

                    <!--div class="profile-contact-info">
                        <div class="space-6"></div>

                        <div class="profile-social-links center">
                            <a href="#" class="tooltip-info" title="" data-original-title="Visit my Facebook">
                                <i class="middle icon-facebook-sign icon-2x blue"></i>
                            </a>

                            <a href="#" class="tooltip-info" title="" data-original-title="Visit my Twitter">
                                <i class="middle icon-twitter-sign icon-2x light-blue"></i>
                            </a>

                            <a href="#" class="tooltip-error" title="" data-original-title="Visit my Pinterest">
                                <i class="middle icon-pinterest-sign icon-2x red"></i>
                            </a>
                        </div>
                    </div>

                    <div class="hr hr12 dotted"></div>

                    <div class="clearfix">
                        <div class="grid2">
                            <span class="bigger-175 blue">25</span>

                            <br />
                            Followers
                        </div>

                        <div class="grid2">
                            <span class="bigger-175 blue">12</span>

                            <br />
                            Following
                        </div>
                    </div-->

                    <div class="hr hr16 dotted"></div>
                </div>

                <div class="col-xs-12 col-sm-9">
                    <!--div class="center">
						<a href="<?php echo $this->url() ?>../member/agent">
                        <span class="btn btn-app btn-sm btn-light no-hover">
                            <span class="line-height-1 bigger-170 blue"> Info </span>

                            <br />
                            <span class="line-height-1 smaller-90"> Agent </span>
                        </span>
						</a>

                        <span class="btn btn-app btn-sm btn-yellow no-hover">
                            <span class="line-height-1 bigger-170"> 32 </span>

                            <br />
                            <span class="line-height-1 smaller-90"> Followers </span>
                        </span>

                        <span class="btn btn-app btn-sm btn-pink no-hover">
                            <span class="line-height-1 bigger-170"> 4 </span>

                            <br />
                            <span class="line-height-1 smaller-90"> Projects </span>
                        </span>

                        <span class="btn btn-app btn-sm btn-grey no-hover">
                            <span class="line-height-1 bigger-170"> 23 </span>

                            <br />
                            <span class="line-height-1 smaller-90"> Reviews </span>
                        </span>

                        <span class="btn btn-app btn-sm btn-success no-hover">
                            <span class="line-height-1 bigger-170"> 7 </span>

                            <br />
                            <span class="line-height-1 smaller-90"> Albums </span>
                        </span>

                        <span class="btn btn-app btn-sm btn-primary no-hover">
                            <span class="line-height-1 bigger-170"> 55 </span>

                            <br />
                            <span class="line-height-1 smaller-90"> Contacts </span>
                        </span>
                    </div>

                    <div class="space-12"></div-->

                    <div class="profile-user-info profile-user-info-striped">
                        <!--div class="profile-info-row">
                            <div class="profile-info-name"> Sponsor </div>

                            <div class="profile-info-value">
                                <span class="editable" id="username"><?php echo $profile['sponsor_name'];?>&nbsp;</span>
                            </div>
                        </div>

                        <div class="profile-info-row">
                            <div class="profile-info-name"> Upline </div>

                            <div class="profile-info-value">
                                <span class="editable" id="username"><?php echo $profile['upline_name'];?>&nbsp;</span>
                            </div>
                        </div-->

                        <div class="profile-info-row">
                            <div class="profile-info-name"> Tipe Member </div>

                            <div class="profile-info-value">
                                <span class="editable" id="username"><?php echo $profile['member_type_name'];?>&nbsp;</span>
                            </div>
                        </div>

                        <div class="profile-info-row">
                            <div class="profile-info-name"> Username </div>

                            <div class="profile-info-value">
                                <span class="editable" id="username"><?php echo $profile['member_code'];?>&nbsp;</span>
                            </div>
                        </div>

                        <div class="profile-info-row">
                            <div class="profile-info-name"> Gabung </div>

                            <div class="profile-info-value">
                                <span class="editable" id="signup"><?php echo $profile['start_dtm'];?>&nbsp;</span>
                            </div>
                        </div>
                        <br>
                        <button class="btn btn-success" type="button" onclick="location.href = '<?php echo $this->url() ?>changepass'">
                            <i class="icon-ok bigger-110"></i>
                            Ganti Password
                        </button>
                    </div>
                    <br>

                    <!-- CONTACT -->
                    <?php

                    while($this->memberContact->next()){
                         $contact = $this->memberContact->current();

                    ?>
                    <div class="profile-user-info profile-user-info-striped">
                        <div class="profile-info-row">
                            <div class="profile-info-name"> Nama Kontak </div>

                            <div class="profile-info-value">
                                <span class="editable" id="contactname"><?php echo $contact['contact_name'];?>&nbsp;</span>
                            </div>
                        </div>

                        <div class="profile-info-row">
                            <div class="profile-info-name"> Tlp </div>

                            <div class="profile-info-value">
                                <span class="editable" id="contactphone"><?php echo $contact['contact_phone'];?>&nbsp;</span>
                            </div>
                        </div>

                        <div class="profile-info-row">
                            <div class="profile-info-name"> Email </div>

                            <div class="profile-info-value">
                                <span class="editable" id="contactemail"><?php echo $contact['contact_email'];?>&nbsp;</span>
                            </div>
                        </div>

                        <div class="profile-info-row">
                            <div class="profile-info-name"> HP </div>

                            <div class="profile-info-value">
                                <span class="editable" id="contactmobile"><?php echo $contact['contact_mobile'];?>&nbsp;</span>
                            </div>
                        </div>

                        <div class="profile-info-row">
                            <div class="profile-info-name"> Alamat </div>

                            <div class="profile-info-value">
                                <span class="editable" id="contactaddress"><?php echo $contact['contact_address'];?>&nbsp;</span>
                            </div>
                        </div>

                        <div class="profile-info-row">
                            <div class="profile-info-name"> Kota </div>

                            <div class="profile-info-value">
                                <span class="editable" id="contactcity"><?php echo $contact['contact_city'];?>&nbsp;</span>
                            </div>
                        </div>

                        <div class="profile-info-row">
                            <div class="profile-info-name"> Provinsi </div>

                            <div class="profile-info-value">
                                <span class="editable" id="contactprovince"><?php echo $contact['contact_province'];?>&nbsp;</span>
                            </div>
                        </div>

                        <div class="profile-info-row">
                            <div class="profile-info-name"> Negara </div>

                            <div class="profile-info-value">
                                <i class="icon-map-marker light-orange bigger-110"></i>                                
                                <span class="editable" id="country"><?php echo ($contact['country_id'] == 1) ? 'Indonesia' : $contact['country_id'];?>&nbsp;</span>
                            </div>
                        </div>

                        <div class="profile-info-row">
                            <div class="profile-info-name"> Kode Pos </div>

                            <div class="profile-info-value">                                
                                <span class="editable" id="postcode"><?php echo $contact['post_code'];?>&nbsp;</span>
                            </div>
                        </div>
                        <br>
                        <button class="btn btn-success" type="button" onclick="location.href = '<?php echo $this->url() ?>updatecontact'">
                            <i class="icon-ok bigger-110"></i>
                            Update Kontak
                        </button>
                    </div>

                    <?php } ?>
                    

                    <br>
                    
                    <!-- BANK ACCOUNT -->
                  
                    <!--div class="profile-user-info profile-user-info-striped">
                        <div class="profile-info-row">
                            <div class="profile-info-name"> Nama Bank </div>

                            <div class="profile-info-value">
                                <span class="editable" id="bankname"><?php echo $this->bank['bank_name'];?>&nbsp;</span>
                            </div>
                        </div>

                        <div class="profile-info-row">
                            <div class="profile-info-name">Nama Akun Bank</div>

                            <div class="profile-info-value">
                                <span class="editable" id="bankaccname"><?php echo $this->bank['bank_acc_name'];?>&nbsp;</span>
                            </div>
                        </div>

                        <div class="profile-info-row">
                            <div class="profile-info-name"> No Akun Bank </div>

                            <div class="profile-info-value">
                                <span class="editable" id="bankaccno"><?php echo $this->bank['bank_acc_no'];?>&nbsp;</span>
                            </div>
                        </div>

                        <div class="profile-info-row">
                            <div class="profile-info-name"> Kota Bank </div>

                            <div class="profile-info-value">
                                <span class="editable" id="bankcity"><?php echo $this->bank['bank_city_name'];?>&nbsp;</span>
                            </div>
                        </div>

                        <br>
                        
                        <button class="btn btn-success" type="button" onclick="location.href = '<?php echo $this->url() ?>updateacc'">
                            <i class="icon-ok bigger-110"></i>
                            Update Akun
                        </button>
                    </div-->
                    

                    <div class="space-20"></div>



                    <div class="hr hr2 hr-double"></div>

                    <div class="space-6"></div>

                </div>
            </div>
        </div>

        <div class="hide">
            <div id="user-profile-2" class="user-profile">
                <div class="tabbable">
                    <ul class="nav nav-tabs padding-18">
                        <li class="active">
                            <a data-toggle="tab" href="#home">
                                <i class="green icon-user bigger-120"></i>
                                Profile
                            </a>
                        </li>

                        <li>
                            <a data-toggle="tab" href="#feed">
                                <i class="orange icon-rss bigger-120"></i>
                                Activity Feed
                            </a>
                        </li>

                        <li>
                            <a data-toggle="tab" href="#friends">
                                <i class="blue icon-group bigger-120"></i>
                                Friends
                            </a>
                        </li>

                        <li>
                            <a data-toggle="tab" href="#pictures">
                                <i class="pink icon-picture bigger-120"></i>
                                Pictures
                            </a>
                        </li>
                    </ul>

                    <div class="tab-content no-border padding-24">
                        <div id="home" class="tab-pane in active">
                            <div class="row">
                                <div class="col-xs-12 col-sm-3 center">
                                    <span class="profile-picture">
                                        <img class="editable img-responsive" alt="Alex's Avatar" id="avatar2" src="assets/avatars/profile-pic.jpg" />
                                    </span>

                                    <div class="space space-4"></div>

                                    <a href="#" class="btn btn-sm btn-block btn-success">
                                        <i class="icon-plus-sign bigger-120"></i>
                                        <span class="bigger-110">Add as a friend</span>
                                    </a>

                                    <a href="#" class="btn btn-sm btn-block btn-primary">
                                        <i class="icon-envelope-alt bigger-110"></i>
                                        <span class="bigger-110">Send a message</span>
                                    </a>
                                </div><!-- /span -->

                                <div class="col-xs-12 col-sm-9">
                                    <h4 class="blue">
                                        <span class="middle">Alex M. Doe</span>

                                        <span class="label label-purple arrowed-in-right">
                                            <i class="icon-circle smaller-80 align-middle"></i>
                                            online
                                        </span>
                                    </h4>

                                    <div class="profile-user-info">
                                        <div class="profile-info-row">
                                            <div class="profile-info-name"> Username </div>

                                            <div class="profile-info-value">
                                                <span>alexdoe</span>
                                            </div>
                                        </div>

                                        <div class="profile-info-row">
                                            <div class="profile-info-name"> Location </div>

                                            <div class="profile-info-value">
                                                <i class="icon-map-marker light-orange bigger-110"></i>
                                                <span>Netherlands</span>
                                                <span>Amsterdam</span>
                                            </div>
                                        </div>

                                        <div class="profile-info-row">
                                            <div class="profile-info-name"> Age </div>

                                            <div class="profile-info-value">
                                                <span>38</span>
                                            </div>
                                        </div>

                                        <div class="profile-info-row">
                                            <div class="profile-info-name"> Joined </div>

                                            <div class="profile-info-value">
                                                <span>20/06/2010</span>
                                            </div>
                                        </div>

                                        <div class="profile-info-row">
                                            <div class="profile-info-name"> Last Online </div>

                                            <div class="profile-info-value">
                                                <span>3 hours ago</span>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="hr hr-8 dotted"></div>

                                    <div class="profile-user-info">
                                        <div class="profile-info-row">
                                            <div class="profile-info-name"> Website </div>

                                            <div class="profile-info-value">
                                                <a href="#" target="_blank">www.alexdoe.com</a>
                                            </div>
                                        </div>

                                        <div class="profile-info-row">
                                            <div class="profile-info-name">
                                                <i class="middle icon-facebook-sign bigger-150 blue"></i>
                                            </div>

                                            <div class="profile-info-value">
                                                <a href="#">Find me on Facebook</a>
                                            </div>
                                        </div>

                                        <div class="profile-info-row">
                                            <div class="profile-info-name">
                                                <i class="middle icon-twitter-sign bigger-150 light-blue"></i>
                                            </div>

                                            <div class="profile-info-value">
                                                <a href="#">Follow me on Twitter</a>
                                            </div>
                                        </div>
                                    </div>
                                </div><!-- /span -->
                            </div><!-- /row-fluid -->

                            <div class="space-20"></div>

                            <div class="row">
                                <div class="col-xs-12 col-sm-6">
                                    <div class="widget-box transparent">
                                        <div class="widget-header widget-header-small">
                                            <h4 class="smaller">
                                                <i class="icon-check bigger-110"></i>
                                                Little About Me
                                            </h4>
                                        </div>

                                        <div class="widget-body">
                                            <div class="widget-main">
                                                <p>
                                                    My job is mostly lorem ipsuming and dolor sit ameting as long as consectetur adipiscing elit.
                                                </p>
                                                <p>
                                                    Sometimes quisque commodo massa gets in the way and sed ipsum porttitor facilisis.
                                                </p>
                                                <p>
                                                    The best thing about my job is that vestibulum id ligula porta felis euismod and nullam quis risus eget urna mollis ornare.
                                                </p>
                                                <p>
                                                    Thanks for visiting my profile.
                                                </p>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-xs-12 col-sm-6">
                                    <div class="widget-box transparent">
                                        <div class="widget-header widget-header-small header-color-blue2">
                                            <h4 class="smaller">
                                                <i class="icon-lightbulb bigger-120"></i>
                                                My Skills
                                            </h4>
                                        </div>

                                        <div class="widget-body">
                                            <div class="widget-main padding-16">
                                                <div class="clearfix">
                                                    <div class="grid3 center">
                                                        <div class="easy-pie-chart percentage" data-percent="45" data-color="#CA5952">
                                                            <span class="percent">45</span>%
                                                        </div>

                                                        <div class="space-2"></div>
                                                        Graphic Design
                                                    </div>

                                                    <div class="grid3 center">
                                                        <div class="center easy-pie-chart percentage" data-percent="90" data-color="#59A84B">
                                                            <span class="percent">90</span>%
                                                        </div>

                                                        <div class="space-2"></div>
                                                        HTML5 & CSS3
                                                    </div>

                                                    <div class="grid3 center">
                                                        <div class="center easy-pie-chart percentage" data-percent="80" data-color="#9585BF">
                                                            <span class="percent">80</span>%
                                                        </div>

                                                        <div class="space-2"></div>
                                                        Javascript/jQuery
                                                    </div>
                                                </div>

                                                <div class="hr hr-16"></div>

                                                <div class="profile-skills">
                                                    <div class="progress">
                                                        <div class="progress-bar" style="width:80%">
                                                            <span class="pull-left">HTML5 & CSS3</span>
                                                            <span class="pull-right">80%</span>
                                                        </div>
                                                    </div>

                                                    <div class="progress">
                                                        <div class="progress-bar progress-bar-success" style="width:72%">
                                                            <span class="pull-left">Javascript & jQuery</span>

                                                            <span class="pull-right">72%</span>
                                                        </div>
                                                    </div>

                                                    <div class="progress">
                                                        <div class="progress-bar progress-bar-purple" style="width:70%">
                                                            <span class="pull-left">PHP & MySQL</span>

                                                            <span class="pull-right">70%</span>
                                                        </div>
                                                    </div>

                                                    <div class="progress">
                                                        <div class="progress-bar progress-bar-warning" style="width:50%">
                                                            <span class="pull-left">Wordpress</span>

                                                            <span class="pull-right">50%</span>
                                                        </div>
                                                    </div>

                                                    <div class="progress">
                                                        <div class="progress-bar progress-bar-danger" style="width:35%">
                                                            <span class="pull-left">Photoshop</span>

                                                            <span class="pull-right">35%</span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div><!-- #home -->

                        <div id="feed" class="tab-pane">
                            <div class="profile-feed row-fluid">
                                <div class="span6">
                                    <div class="profile-activity clearfix">
                                        <div>
                                            <img class="pull-left" alt="Alex Doe's avatar" src="assets/avatars/avatar5.png" />
                                            <a class="user" href="#"> Alex Doe </a>
                                            changed his profile photo.
                                            <a href="#">Take a look</a>

                                            <div class="time">
                                                <i class="icon-time bigger-110"></i>
                                                an hour ago
                                            </div>
                                        </div>

                                        <div class="tools action-buttons">
                                            <a href="#" class="blue">
                                                <i class="icon-pencil bigger-125"></i>
                                            </a>

                                            <a href="#" class="red">
                                                <i class="icon-remove bigger-125"></i>
                                            </a>
                                        </div>
                                    </div>

                                    <div class="profile-activity clearfix">
                                        <div>
                                            <img class="pull-left" alt="Susan Smith's avatar" src="assets/avatars/avatar1.png" />
                                            <a class="user" href="#"> Susan Smith </a>

                                            is now friends with Alex Doe.
                                            <div class="time">
                                                <i class="icon-time bigger-110"></i>
                                                2 hours ago
                                            </div>
                                        </div>

                                        <div class="tools action-buttons">
                                            <a href="#" class="blue">
                                                <i class="icon-pencil bigger-125"></i>
                                            </a>

                                            <a href="#" class="red">
                                                <i class="icon-remove bigger-125"></i>
                                            </a>
                                        </div>
                                    </div>

                                    <div class="profile-activity clearfix">
                                        <div>
                                            <i class="pull-left thumbicon icon-ok btn-success no-hover"></i>
                                            <a class="user" href="#"> Alex Doe </a>
                                            joined
                                            <a href="#">Country Music</a>

                                            group.
                                            <div class="time">
                                                <i class="icon-time bigger-110"></i>
                                                5 hours ago
                                            </div>
                                        </div>

                                        <div class="tools action-buttons">
                                            <a href="#" class="blue">
                                                <i class="icon-pencil bigger-125"></i>
                                            </a>

                                            <a href="#" class="red">
                                                <i class="icon-remove bigger-125"></i>
                                            </a>
                                        </div>
                                    </div>

                                    <div class="profile-activity clearfix">
                                        <div>
                                            <i class="pull-left thumbicon icon-picture btn-success no-hover"></i>
                                            <a class="user" href="#"> Alex Doe </a>
                                            uploaded a new photo.
                                            <a href="#">Take a look</a>

                                            <div class="time">
                                                <i class="icon-time bigger-110"></i>
                                                5 hours ago
                                            </div>
                                        </div>

                                        <div class="tools action-buttons">
                                            <a href="#" class="blue">
                                                <i class="icon-pencil bigger-125"></i>
                                            </a>

                                            <a href="#" class="red">
                                                <i class="icon-remove bigger-125"></i>
                                            </a>
                                        </div>
                                    </div>

                                    <div class="profile-activity clearfix">
                                        <div>
                                            <img class="pull-left" alt="David Palms's avatar" src="assets/avatars/avatar4.png" />
                                            <a class="user" href="#"> David Palms </a>

                                            left a comment on Alex's wall.
                                            <div class="time">
                                                <i class="icon-time bigger-110"></i>
                                                8 hours ago
                                            </div>
                                        </div>

                                        <div class="tools action-buttons">
                                            <a href="#" class="blue">
                                                <i class="icon-pencil bigger-125"></i>
                                            </a>

                                            <a href="#" class="red">
                                                <i class="icon-remove bigger-125"></i>
                                            </a>
                                        </div>
                                    </div>
                                </div><!-- /span -->

                                <div class="span6">
                                    <div class="profile-activity clearfix">
                                        <div>
                                            <i class="pull-left thumbicon icon-edit btn-pink no-hover"></i>
                                            <a class="user" href="#"> Alex Doe </a>
                                            published a new blog post.
                                            <a href="#">Read now</a>

                                            <div class="time">
                                                <i class="icon-time bigger-110"></i>
                                                11 hours ago
                                            </div>
                                        </div>

                                        <div class="tools action-buttons">
                                            <a href="#" class="blue">
                                                <i class="icon-pencil bigger-125"></i>
                                            </a>

                                            <a href="#" class="red">
                                                <i class="icon-remove bigger-125"></i>
                                            </a>
                                        </div>
                                    </div>

                                    <div class="profile-activity clearfix">
                                        <div>
                                            <img class="pull-left" alt="Alex Doe's avatar" src="assets/avatars/avatar5.png" />
                                            <a class="user" href="#"> Alex Doe </a>

                                            upgraded his skills.
                                            <div class="time">
                                                <i class="icon-time bigger-110"></i>
                                                12 hours ago
                                            </div>
                                        </div>

                                        <div class="tools action-buttons">
                                            <a href="#" class="blue">
                                                <i class="icon-pencil bigger-125"></i>
                                            </a>

                                            <a href="#" class="red">
                                                <i class="icon-remove bigger-125"></i>
                                            </a>
                                        </div>
                                    </div>

                                    <div class="profile-activity clearfix">
                                        <div>
                                            <i class="pull-left thumbicon icon-key btn-success no-hover"></i>
                                            <a class="user" href="#"> Alex Doe </a>

                                            logged in.
                                            <div class="time">
                                                <i class="icon-time bigger-110"></i>
                                                12 hours ago
                                            </div>
                                        </div>

                                        <div class="tools action-buttons">
                                            <a href="#" class="blue">
                                                <i class="icon-pencil bigger-125"></i>
                                            </a>

                                            <a href="#" class="red">
                                                <i class="icon-remove bigger-125"></i>
                                            </a>
                                        </div>
                                    </div>

                                    <div class="profile-activity clearfix">
                                        <div>
                                            <i class="pull-left thumbicon icon-off btn-inverse no-hover"></i>
                                            <a class="user" href="#"> Alex Doe </a>

                                            logged out.
                                            <div class="time">
                                                <i class="icon-time bigger-110"></i>
                                                16 hours ago
                                            </div>
                                        </div>

                                        <div class="tools action-buttons">
                                            <a href="#" class="blue">
                                                <i class="icon-pencil bigger-125"></i>
                                            </a>

                                            <a href="#" class="red">
                                                <i class="icon-remove bigger-125"></i>
                                            </a>
                                        </div>
                                    </div>

                                    <div class="profile-activity clearfix">
                                        <div>
                                            <i class="pull-left thumbicon icon-key btn-success no-hover"></i>
                                            <a class="user" href="#"> Alex Doe </a>

                                            logged in.
                                            <div class="time">
                                                <i class="icon-time bigger-110"></i>
                                                16 hours ago
                                            </div>
                                        </div>

                                        <div class="tools action-buttons">
                                            <a href="#" class="blue">
                                                <i class="icon-pencil bigger-125"></i>
                                            </a>

                                            <a href="#" class="red">
                                                <i class="icon-remove bigger-125"></i>
                                            </a>
                                        </div>
                                    </div>
                                </div><!-- /span -->
                            </div><!-- /row -->

                            <div class="space-12"></div>

                            <div class="center">
                                <a href="#" class="btn btn-small btn-primary">
                                    <i class="icon-rss bigger-150 middle"></i>

                                    View more activities
                                    <i class="icon-on-right icon-arrow-right"></i>
                                </a>
                            </div>
                        </div><!-- /#feed -->

                        <div id="friends" class="tab-pane">
                            <div class="profile-users clearfix">
                                <div class="itemdiv memberdiv">
                                    <div class="inline position-relative">
                                        <div class="user">
                                            <a href="#">
                                                <img src="assets/avatars/avatar4.png" alt="Bob Doe's avatar" />
                                            </a>
                                        </div>

                                        <div class="body">
                                            <div class="name">
                                                <a href="#">
                                                    <span class="user-status status-online"></span>
                                                    Bob Doe
                                                </a>
                                            </div>
                                        </div>

                                        <div class="popover">
                                            <div class="arrow"></div>

                                            <div class="popover-content">
                                                <div class="bolder">Content Editor</div>

                                                <div class="time">
                                                    <i class="icon-time middle bigger-120 orange"></i>
                                                    <span class="green"> 20 mins ago </span>
                                                </div>

                                                <div class="hr dotted hr-8"></div>

                                                <div class="tools action-buttons">
                                                    <a href="#">
                                                        <i class="icon-facebook-sign blue bigger-150"></i>
                                                    </a>

                                                    <a href="#">
                                                        <i class="icon-twitter-sign light-blue bigger-150"></i>
                                                    </a>

                                                    <a href="#">
                                                        <i class="icon-google-plus-sign red bigger-150"></i>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="itemdiv memberdiv">
                                    <div class="inline position-relative">
                                        <div class="user">
                                            <a href="#">
                                                <img src="assets/avatars/avatar1.png" alt="Rose Doe's avatar" />
                                            </a>
                                        </div>

                                        <div class="body">
                                            <div class="name">
                                                <a href="#">
                                                    <span class="user-status status-offline"></span>
                                                    Rose Doe
                                                </a>
                                            </div>
                                        </div>

                                        <div class="popover">
                                            <div class="arrow"></div>

                                            <div class="popover-content">
                                                <div class="bolder">Graphic Designer</div>

                                                <div class="time">
                                                    <i class="icon-time middle bigger-120 grey"></i>
                                                    <span class="grey"> 30 min ago </span>
                                                </div>

                                                <div class="hr dotted hr-8"></div>

                                                <div class="tools action-buttons">
                                                    <a href="#">
                                                        <i class="icon-facebook-sign blue bigger-150"></i>
                                                    </a>

                                                    <a href="#">
                                                        <i class="icon-twitter-sign light-blue bigger-150"></i>
                                                    </a>

                                                    <a href="#">
                                                        <i class="icon-google-plus-sign red bigger-150"></i>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="itemdiv memberdiv">
                                    <div class="inline position-relative">
                                        <div class="user">
                                            <a href="#">
                                                <img src="assets/avatars/avatar.png" alt="Jim Doe's avatar" />
                                            </a>
                                        </div>

                                        <div class="body">
                                            <div class="name">
                                                <a href="#">
                                                    <span class="user-status status-busy"></span>
                                                    Jim Doe
                                                </a>
                                            </div>
                                        </div>

                                        <div class="popover">
                                            <div class="arrow"></div>

                                            <div class="popover-content">
                                                <div class="bolder">SEO &amp; Advertising</div>

                                                <div class="time">
                                                    <i class="icon-time middle bigger-120 red"></i>
                                                    <span class="grey"> 1 hour ago </span>
                                                </div>

                                                <div class="hr dotted hr-8"></div>

                                                <div class="tools action-buttons">
                                                    <a href="#">
                                                        <i class="icon-facebook-sign blue bigger-150"></i>
                                                    </a>

                                                    <a href="#">
                                                        <i class="icon-twitter-sign light-blue bigger-150"></i>
                                                    </a>

                                                    <a href="#">
                                                        <i class="icon-google-plus-sign red bigger-150"></i>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="itemdiv memberdiv">
                                    <div class="inline position-relative">
                                        <div class="user">
                                            <a href="#">
                                                <img src="assets/avatars/avatar5.png" alt="Alex Doe's avatar" />
                                            </a>
                                        </div>

                                        <div class="body">
                                            <div class="name">
                                                <a href="#">
                                                    <span class="user-status status-idle"></span>
                                                    Alex Doe
                                                </a>
                                            </div>
                                        </div>

                                        <div class="popover">
                                            <div class="arrow"></div>

                                            <div class="popover-content">
                                                <div class="bolder">Marketing</div>

                                                <div class="time">
                                                    <i class="icon-time middle bigger-120 orange"></i>
                                                    <span class=""> 40 minutes idle </span>
                                                </div>

                                                <div class="hr dotted hr-8"></div>

                                                <div class="tools action-buttons">
                                                    <a href="#">
                                                        <i class="icon-facebook-sign blue bigger-150"></i>
                                                    </a>

                                                    <a href="#">
                                                        <i class="icon-twitter-sign light-blue bigger-150"></i>
                                                    </a>

                                                    <a href="#">
                                                        <i class="icon-google-plus-sign red bigger-150"></i>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="itemdiv memberdiv">
                                    <div class="inline position-relative">
                                        <div class="user">
                                            <a href="#">
                                                <img src="assets/avatars/avatar2.png" alt="Phil Doe's avatar" />
                                            </a>
                                        </div>

                                        <div class="body">
                                            <div class="name">
                                                <a href="#">
                                                    <span class="user-status status-online"></span>
                                                    Phil Doe
                                                </a>
                                            </div>
                                        </div>

                                        <div class="popover">
                                            <div class="arrow"></div>

                                            <div class="popover-content">
                                                <div class="bolder">Public Relations</div>

                                                <div class="time">
                                                    <i class="icon-time middle bigger-120 orange"></i>
                                                    <span class="green"> 2 hours ago </span>
                                                </div>

                                                <div class="hr dotted hr-8"></div>

                                                <div class="tools action-buttons">
                                                    <a href="#">
                                                        <i class="icon-facebook-sign blue bigger-150"></i>
                                                    </a>

                                                    <a href="#">
                                                        <i class="icon-twitter-sign light-blue bigger-150"></i>
                                                    </a>

                                                    <a href="#">
                                                        <i class="icon-google-plus-sign red bigger-150"></i>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="itemdiv memberdiv">
                                    <div class="inline position-relative">
                                        <div class="user">
                                            <a href="#">
                                                <img src="assets/avatars/avatar3.png" alt="Susan Doe's avatar" />
                                            </a>
                                        </div>

                                        <div class="body">
                                            <div class="name">
                                                <a href="#">
                                                    <span class="user-status status-online"></span>
                                                    Susan Doe
                                                </a>
                                            </div>
                                        </div>

                                        <div class="popover">
                                            <div class="arrow"></div>

                                            <div class="popover-content">
                                                <div class="bolder">HR Management</div>

                                                <div class="time">
                                                    <i class="icon-time middle bigger-120 orange"></i>
                                                    <span class="green"> 20 mins ago </span>
                                                </div>

                                                <div class="hr dotted hr-8"></div>

                                                <div class="tools action-buttons">
                                                    <a href="#">
                                                        <i class="icon-facebook-sign blue bigger-150"></i>
                                                    </a>

                                                    <a href="#">
                                                        <i class="icon-twitter-sign light-blue bigger-150"></i>
                                                    </a>

                                                    <a href="#">
                                                        <i class="icon-google-plus-sign red bigger-150"></i>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="itemdiv memberdiv">
                                    <div class="inline position-relative">
                                        <div class="user">
                                            <a href="#">
                                                <img src="assets/avatars/avatar1.png" alt="Jennifer Doe's avatar" />
                                            </a>
                                        </div>

                                        <div class="body">
                                            <div class="name">
                                                <a href="#">
                                                    <span class="user-status status-offline"></span>
                                                    Jennifer Doe
                                                </a>
                                            </div>
                                        </div>

                                        <div class="popover">
                                            <div class="arrow"></div>

                                            <div class="popover-content">
                                                <div class="bolder">Graphic Designer</div>

                                                <div class="time">
                                                    <i class="icon-time middle bigger-120 grey"></i>
                                                    <span class="grey"> 2 hours ago </span>
                                                </div>

                                                <div class="hr dotted hr-8"></div>

                                                <div class="tools action-buttons">
                                                    <a href="#">
                                                        <i class="icon-facebook-sign blue bigger-150"></i>
                                                    </a>

                                                    <a href="#">
                                                        <i class="icon-twitter-sign light-blue bigger-150"></i>
                                                    </a>

                                                    <a href="#">
                                                        <i class="icon-google-plus-sign red bigger-150"></i>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="itemdiv memberdiv">
                                    <div class="inline position-relative">
                                        <div class="user">
                                            <a href="#">
                                                <img src="assets/avatars/avatar3.png" alt="Alexa Doe's avatar" />
                                            </a>
                                        </div>

                                        <div class="body">
                                            <div class="name">
                                                <a href="#">
                                                    <span class="user-status status-offline"></span>
                                                    Alexa Doe
                                                </a>
                                            </div>
                                        </div>

                                        <div class="popover">
                                            <div class="arrow"></div>

                                            <div class="popover-content">
                                                <div class="bolder">Accounting</div>

                                                <div class="time">
                                                    <i class="icon-time middle bigger-120 grey"></i>
                                                    <span class="grey"> 4 hours ago </span>
                                                </div>

                                                <div class="hr dotted hr-8"></div>

                                                <div class="tools action-buttons">
                                                    <a href="#">
                                                        <i class="icon-facebook-sign blue bigger-150"></i>
                                                    </a>

                                                    <a href="#">
                                                        <i class="icon-twitter-sign light-blue bigger-150"></i>
                                                    </a>

                                                    <a href="#">
                                                        <i class="icon-google-plus-sign red bigger-150"></i>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="hr hr10 hr-double"></div>

                            <ul class="pager pull-right">
                                <li class="previous disabled">
                                    <a href="#">&larr; Prev</a>
                                </li>

                                <li class="next">
                                    <a href="#">Next &rarr;</a>
                                </li>
                            </ul>
                        </div><!-- /#friends -->

                        <div id="pictures" class="tab-pane">
                            <ul class="ace-thumbnails">
                                <li>
                                    <a href="#" data-rel="colorbox">
                                        <img alt="150x150" src="assets/images/gallery/thumb-1.jpg" />
                                        <div class="text">
                                            <div class="inner">Sample Caption on Hover</div>
                                        </div>
                                    </a>

                                    <div class="tools tools-bottom">
                                        <a href="#">
                                            <i class="icon-link"></i>
                                        </a>

                                        <a href="#">
                                            <i class="icon-paper-clip"></i>
                                        </a>

                                        <a href="#">
                                            <i class="icon-pencil"></i>
                                        </a>

                                        <a href="#">
                                            <i class="icon-remove red"></i>
                                        </a>
                                    </div>
                                </li>

                                <li>
                                    <a href="#" data-rel="colorbox">
                                        <img alt="150x150" src="assets/images/gallery/thumb-2.jpg" />
                                        <div class="text">
                                            <div class="inner">Sample Caption on Hover</div>
                                        </div>
                                    </a>

                                    <div class="tools tools-bottom">
                                        <a href="#">
                                            <i class="icon-link"></i>
                                        </a>

                                        <a href="#">
                                            <i class="icon-paper-clip"></i>
                                        </a>

                                        <a href="#">
                                            <i class="icon-pencil"></i>
                                        </a>

                                        <a href="#">
                                            <i class="icon-remove red"></i>
                                        </a>
                                    </div>
                                </li>

                                <li>
                                    <a href="#" data-rel="colorbox">
                                        <img alt="150x150" src="assets/images/gallery/thumb-3.jpg" />
                                        <div class="text">
                                            <div class="inner">Sample Caption on Hover</div>
                                        </div>
                                    </a>

                                    <div class="tools tools-bottom">
                                        <a href="#">
                                            <i class="icon-link"></i>
                                        </a>

                                        <a href="#">
                                            <i class="icon-paper-clip"></i>
                                        </a>

                                        <a href="#">
                                            <i class="icon-pencil"></i>
                                        </a>

                                        <a href="#">
                                            <i class="icon-remove red"></i>
                                        </a>
                                    </div>
                                </li>

                                <li>
                                    <a href="#" data-rel="colorbox">
                                        <img alt="150x150" src="assets/images/gallery/thumb-4.jpg" />
                                        <div class="text">
                                            <div class="inner">Sample Caption on Hover</div>
                                        </div>
                                    </a>

                                    <div class="tools tools-bottom">
                                        <a href="#">
                                            <i class="icon-link"></i>
                                        </a>

                                        <a href="#">
                                            <i class="icon-paper-clip"></i>
                                        </a>

                                        <a href="#">
                                            <i class="icon-pencil"></i>
                                        </a>

                                        <a href="#">
                                            <i class="icon-remove red"></i>
                                        </a>
                                    </div>
                                </li>

                                <li>
                                    <a href="#" data-rel="colorbox">
                                        <img alt="150x150" src="assets/images/gallery/thumb-5.jpg" />
                                        <div class="text">
                                            <div class="inner">Sample Caption on Hover</div>
                                        </div>
                                    </a>

                                    <div class="tools tools-bottom">
                                        <a href="#">
                                            <i class="icon-link"></i>
                                        </a>

                                        <a href="#">
                                            <i class="icon-paper-clip"></i>
                                        </a>

                                        <a href="#">
                                            <i class="icon-pencil"></i>
                                        </a>

                                        <a href="#">
                                            <i class="icon-remove red"></i>
                                        </a>
                                    </div>
                                </li>

                                <li>
                                    <a href="#" data-rel="colorbox">
                                        <img alt="150x150" src="assets/images/gallery/thumb-6.jpg" />
                                        <div class="text">
                                            <div class="inner">Sample Caption on Hover</div>
                                        </div>
                                    </a>

                                    <div class="tools tools-bottom">
                                        <a href="#">
                                            <i class="icon-link"></i>
                                        </a>

                                        <a href="#">
                                            <i class="icon-paper-clip"></i>
                                        </a>

                                        <a href="#">
                                            <i class="icon-pencil"></i>
                                        </a>

                                        <a href="#">
                                            <i class="icon-remove red"></i>
                                        </a>
                                    </div>
                                </li>

                                <li>
                                    <a href="#" data-rel="colorbox">
                                        <img alt="150x150" src="assets/images/gallery/thumb-1.jpg" />
                                        <div class="text">
                                            <div class="inner">Sample Caption on Hover</div>
                                        </div>
                                    </a>

                                    <div class="tools tools-bottom">
                                        <a href="#">
                                            <i class="icon-link"></i>
                                        </a>

                                        <a href="#">
                                            <i class="icon-paper-clip"></i>
                                        </a>

                                        <a href="#">
                                            <i class="icon-pencil"></i>
                                        </a>

                                        <a href="#">
                                            <i class="icon-remove red"></i>
                                        </a>
                                    </div>
                                </li>

                                <li>
                                    <a href="#" data-rel="colorbox">
                                        <img alt="150x150" src="assets/images/gallery/thumb-2.jpg" />
                                        <div class="text">
                                            <div class="inner">Sample Caption on Hover</div>
                                        </div>
                                    </a>

                                    <div class="tools tools-bottom">
                                        <a href="#">
                                            <i class="icon-link"></i>
                                        </a>

                                        <a href="#">
                                            <i class="icon-paper-clip"></i>
                                        </a>

                                        <a href="#">
                                            <i class="icon-pencil"></i>
                                        </a>

                                        <a href="#">
                                            <i class="icon-remove red"></i>
                                        </a>
                                    </div>
                                </li>
                            </ul>
                        </div><!-- /#pictures -->
                    </div>
                </div>
            </div>
        </div>

        <div class="hide">
            <div id="user-profile-3" class="user-profile row">
                <div class="col-sm-offset-1 col-sm-10">
                    <div class="well well-sm">
                        <button type="button" class="close" data-dismiss="alert">&times;</button>
                        &nbsp;
                        <div class="inline middle blue bigger-110"> Your profile is 70% complete </div>

                        &nbsp; &nbsp; &nbsp;
                        <div style="width:200px;" data-percent="70%" class="inline middle no-margin progress progress-striped active">
                            <div class="progress-bar progress-bar-success" style="width:70%"></div>
                        </div>
                    </div><!-- /well -->

                    <div class="space"></div>

                    <form class="form-horizontal">
                        <div class="tabbable">
                            <ul class="nav nav-tabs padding-16">
                                <li class="active">
                                    <a data-toggle="tab" href="#edit-basic">
                                        <i class="green icon-edit bigger-125"></i>
                                        Basic Info
                                    </a>
                                </li>

                                <li>
                                    <a data-toggle="tab" href="#edit-settings">
                                        <i class="purple icon-cog bigger-125"></i>
                                        Settings
                                    </a>
                                </li>

                                <li>
                                    <a data-toggle="tab" href="#edit-password">
                                        <i class="blue icon-key bigger-125"></i>
                                        Password
                                    </a>
                                </li>
                            </ul>

                            <div class="tab-content profile-edit-tab-content">
                                <div id="edit-basic" class="tab-pane in active">
                                    <h4 class="header blue bolder smaller">General</h4>

                                    <div class="row">
                                        <div class="col-xs-12 col-sm-4">
                                            <input type="file" />
                                        </div>

                                        <div class="vspace-xs"></div>

                                        <div class="col-xs-12 col-sm-8">
                                            <div class="form-group">
                                                <label class="col-sm-4 control-label no-padding-right" for="form-field-username">Username</label>

                                                <div class="col-sm-8">
                                                    <input class="col-xs-12 col-sm-10" type="text" id="form-field-username" placeholder="Username" value="alexdoe" />
                                                </div>
                                            </div>

                                            <div class="space-4"></div>

                                            <div class="form-group">
                                                <label class="col-sm-4 control-label no-padding-right" for="form-field-first">Name</label>

                                                <div class="col-sm-8">
                                                    <input class="input-small" type="text" id="form-field-first" placeholder="First Name" value="Alex" />
                                                    <input class="input-small" type="text" id="form-field-last" placeholder="Last Name" value="Doe" />
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <hr />
                                    <div class="form-group">
                                        <label class="col-sm-3 control-label no-padding-right" for="form-field-date">Birth Date</label>

                                        <div class="col-sm-9">
                                            <div class="input-medium">
                                                <div class="input-group">
                                                    <input class="input-medium date-picker" id="form-field-date" type="text" data-date-format="dd-mm-yyyy" placeholder="dd-mm-yyyy" />
                                                    <span class="input-group-addon">
                                                        <i class="icon-calendar"></i>
                                                    </span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="space-4"></div>

                                    <div class="form-group">
                                        <label class="col-sm-3 control-label no-padding-right">Gender</label>

                                        <div class="col-sm-9">
                                            <label class="inline">
                                                <input name="form-field-radio" type="radio" class="ace" />
                                                <span class="lbl"> Male</span>
                                            </label>

                                            &nbsp; &nbsp; &nbsp;
                                            <label class="inline">
                                                <input name="form-field-radio" type="radio" class="ace" />
                                                <span class="lbl"> Female</span>
                                            </label>
                                        </div>
                                    </div>

                                    <div class="space-4"></div>

                                    <div class="form-group">
                                        <label class="col-sm-3 control-label no-padding-right" for="form-field-comment">Comment</label>

                                        <div class="col-sm-9">
                                            <textarea id="form-field-comment"></textarea>
                                        </div>
                                    </div>

                                    <div class="space"></div>
                                    <h4 class="header blue bolder smaller">Contact</h4>

                                    <div class="form-group">
                                        <label class="col-sm-3 control-label no-padding-right" for="form-field-email">Email</label>

                                        <div class="col-sm-9">
                                            <span class="input-icon input-icon-right">
                                                <input type="email" id="form-field-email" value="alexdoe@gmail.com" />
                                                <i class="icon-envelope"></i>
                                            </span>
                                        </div>
                                    </div>

                                    <div class="space-4"></div>

                                    <div class="form-group">
                                        <label class="col-sm-3 control-label no-padding-right" for="form-field-website">Website</label>

                                        <div class="col-sm-9">
                                            <span class="input-icon input-icon-right">
                                                <input type="url" id="form-field-website" value="http://www.alexdoe.com/" />
                                                <i class="icon-globe"></i>
                                            </span>
                                        </div>
                                    </div>

                                    <div class="space-4"></div>

                                    <div class="form-group">
                                        <label class="col-sm-3 control-label no-padding-right" for="form-field-phone">Phone</label>

                                        <div class="col-sm-9">
                                            <span class="input-icon input-icon-right">
                                                <input class="input-medium input-mask-phone" type="text" id="form-field-phone" />
                                                <i class="icon-phone icon-flip-horizontal"></i>
                                            </span>
                                        </div>
                                    </div>

                                    <div class="space"></div>
                                    <h4 class="header blue bolder smaller">Social</h4>

                                    <div class="form-group">
                                        <label class="col-sm-3 control-label no-padding-right" for="form-field-facebook">Facebook</label>

                                        <div class="col-sm-9">
                                            <span class="input-icon">
                                                <input type="text" value="facebook_alexdoe" id="form-field-facebook" />
                                                <i class="icon-facebook blue"></i>
                                            </span>
                                        </div>
                                    </div>

                                    <div class="space-4"></div>

                                    <div class="form-group">
                                        <label class="col-sm-3 control-label no-padding-right" for="form-field-twitter">Twitter</label>

                                        <div class="col-sm-9">
                                            <span class="input-icon">
                                                <input type="text" value="twitter_alexdoe" id="form-field-twitter" />
                                                <i class="icon-twitter light-blue"></i>
                                            </span>
                                        </div>
                                    </div>

                                    <div class="space-4"></div>

                                    <div class="form-group">
                                        <label class="col-sm-3 control-label no-padding-right" for="form-field-gplus">Google+</label>

                                        <div class="col-sm-9">
                                            <span class="input-icon">
                                                <input type="text" value="google_alexdoe" id="form-field-gplus" />
                                                <i class="icon-google-plus red"></i>
                                            </span>
                                        </div>
                                    </div>
                                </div>

                                <div id="edit-settings" class="tab-pane">
                                    <div class="space-10"></div>

                                    <div>
                                        <label class="inline">
                                            <input type="checkbox" name="form-field-checkbox" class="ace" />
                                            <span class="lbl"> Make my profile public</span>
                                        </label>
                                    </div>

                                    <div class="space-8"></div>

                                    <div>
                                        <label class="inline">
                                            <input type="checkbox" name="form-field-checkbox" class="ace" />
                                            <span class="lbl"> Email me new updates</span>
                                        </label>
                                    </div>

                                    <div class="space-8"></div>

                                    <div>
                                        <label class="inline">
                                            <input type="checkbox" name="form-field-checkbox" class="ace" />
                                            <span class="lbl"> Keep a history of my conversations</span>
                                        </label>

                                        <label class="inline">
                                            <span class="space-2 block"></span>

                                            for
                                            <input type="text" class="input-mini" maxlength="3" />
                                            days
                                        </label>
                                    </div>
                                </div>

                                <div id="edit-password" class="tab-pane">
                                    <div class="space-10"></div>

                                    <div class="form-group">
                                        <label class="col-sm-3 control-label no-padding-right" for="form-field-pass1">New Password</label>

                                        <div class="col-sm-9">
                                            <input type="password" id="form-field-pass1" />
                                        </div>
                                    </div>

                                    <div class="space-4"></div>

                                    <div class="form-group">
                                        <label class="col-sm-3 control-label no-padding-right" for="form-field-pass2">Confirm Password</label>

                                        <div class="col-sm-9">
                                            <input type="password" id="form-field-pass2" />
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="clearfix form-actions">
                            <div class="col-md-offset-3 col-md-9">
                                <button class="btn btn-success" type="button">
                                    <i class="icon-ok bigger-110"></i>
                                    Save
                                </button>

                                &nbsp; &nbsp;
                                <button class="btn" type="reset">
                                    <i class="icon-undo bigger-110"></i>
                                    Reset
                                </button>
                            </div>
                        </div>
                    </form>
                </div><!-- /span -->
            </div><!-- /user-profile -->
        </div>

        <?php } ?>

        <!-- PAGE CONTENT ENDS -->
    </div><!-- /.col -->
</div><!-- /.row -->